import { withRouter } from 'next/router'
import React, { Component } from 'react'
import { APPLICATION, DOCS_TXT } from '../../config/constant'
import MyLayout from '../../components/layout'
import './index.module.less'
import { Row, Col, Input } from 'antd'
import Head from 'next/head'
import LtMenu from './menu'
const { Search } = Input;

class Docs extends Component {
  constructor(props) {
    super(props)
  }
  render() {
    return (
      <div className="docs_cont">
        <Head>
          <title>{APPLICATION}&raquo;{DOCS_TXT}</title>
        </Head>
        <MyLayout>
          <div className="container">
            <div className="lt_cont" >
              <div className="lt">
                <div className="search">
                  <Search placeholder="input search text" onSearch={value => console.log(value)} enterButton />
                </div>
                <LtMenu />
              </div>
            </div>
            <div className="rt_cont">
              <div className="rt">
                <div className="title">标题</div>
                <div className="content"></div>
              </div>
            </div>
          </div>
        </MyLayout>
      </div>
    )
  }
}
export default withRouter(Docs)